<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小米账号 - 登录</title>
    <link rel="shortcut icon" href="../images/favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/log-in.css">
</head>

<body>
    <div class="header">
        <div class="container">
            <!-- logo -->
            <div class="mistore_logo">
                <a href="../index.html"></a>
            </div>
        </div>
    </div>
    <!-- 中间内容区域的背景图 -->
    <div class="content_logo">
        <a href="#"></a>
        <!-- 中间登录页面 -->
        <div class="enter">
            <div class="container">
                <div class="enter_login">
                    <!-- 这里还有一个js样式，当前页面的a标签颜色为#3333 -->
                    <div class="enter_login_title">
                        <a href="#">账号登录</a>
                        <span class="spa"></span>
                        <a href="#">扫码登录</a>
                    </div>
                    <!-- 输入框 -->
                    <div class="input_field">
                        <div class="without">
                            <div class="input_field_top">
                                <div class="input_field_top_input one">
                                    <input type="text" placeholder="邮箱/手机号码/小米ID">
                                    <input type="password" name="" id="" placeholder="密码">
                                </div>
                                <div class="input_field_top_inputipone two">
                                    <div class="input_field_top_inputipone_top">
                                        <div class="em">+86</div>
                                        <input type="text" placeholder="手机号码">
                                    </div>
                                    <div class="input_field_top_inputipone_bottom">
                                        <input type="text" placeholder="短信验证码">
                                        <div class="auth_code">
                                            <a href="#">获取验证码</a>
                                        </div>
                                    </div>

                                </div>
                                <div class="log_in_dv one">
                                    <input type="button" value="登录" class="log_in one">
                                </div>
                                <div class="log_in_dv two">
                                    <input type="button" value="立即登录/注册" class="log_in two">
                                </div>
                            </div>
                            <div class="input_field_bottom three">
                                <!-- one -->
                                <span class="input_field_bottom_one one"> <a href="#">手机短信登录/注册</a></span>
                                <div class="input_field_bottom_two one">
                                    <a href="#">立即注册</a>
                                    <span class="input_field_bottom_two_san">|</span>
                                    <a href="#">忘记密码？</a>
                                </div>
                                <!-- two -->
                                <span class="input_field_bottom_one two"> <a href="#">用户名密码登录</a></span>
                                <div class="input_field_bottom_two two">
                                    <a href="#" class="identifying_code">收不到验证码？</a>
                                </div>
                                <div class="input_field_bottom_three ">
                                    <a href="#">
                                        <i class=" icons_one"></i>
                                    </a>
                                    <a href="#">
                                        <i class=" icons_two"></i>
                                    </a>
                                    <a href="#">
                                        <i class=" icons_three"></i>
                                    </a>
                                    <a href="#">
                                        <i class=" icons_four"></i>
                                    </a>
                                </div>
                            </div>
                        </div>
                        <!-- 扫码 -->
                        <div class="scan_a_QR_code four">
                            <div class="scan_a_QR_code_top">
                                <p>请使用小米手机/米家等小米旗下应用程序扫码登录
                                    <i class="icon_help"></i></p>
                            </div>
                            <div class="scan_a_QR_code_center">
                                <i></i>
                            </div>
                            <div class="scan_a_QR_code_bottom">
                                <p>使用<i>小米商城app</i>扫-扫</p>
                                <p>小米手机可打开「设置」&gt;「小米帐号」扫码登录</p>
                            </div>
                        </div>

                    </div>


                </div>
            </div>
        </div>
    </div>


    <!-- 尾部 -->
    <div class="footer">
        <div class="language">
            <!-- 这里还有一个js样式，当前页面的a标签颜色为#3333 -->
            <ul>
                <li><a href="../html/log-in.html">简体</a>|</li>
                <li><a href="#">繁体</a>|</li>
                <li><a href="#">English</a>|</li>
                <li><a href="#">常见问题</a>|</li>
                <li><a href="#">隐私政策</a></li>
            </ul>
        </div>
        <div class="copyright">
            <span>小米公司版权所有-京icp备10046444-</span>
            <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802020134">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                京公网安备11010802020134号-京icp证110507号</a>
        </div>
    </div>

    <script src="../lib/jQuery/jQeruy.js"></script>
    <script>
        new LogIn()
    </script>
</body>

</html>